<template>
  <el-calendar v-model="curDate">
    <template #dateCell="{date}">
      {{ date.getDate() }} <span class="rest">{{ isWeekend(date) ? '休' : '' }}</span>
    </template>
  </el-calendar>
</template>

<script>
export default {
  data() {
    return {
      curDate: new Date()
    }
  },
  methods: {
    isWeekend(date) {
      return date.getDay() === 0 || date.getDay() === 6
    }
  }
}
</script>
<style lang="scss">
  .rest{
    font-size: 10px;
    color: red;
    background: pink;
    border-radius: 50%;
  }
</style>
